<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎界面</title>
    <link type="text/css" href="assets/css/style.css" rel="stylesheet" />
</head>
<body>
<script>
    function acc(){
        alert('请先进行登录！')
    }
</script>

<nav class="daohang">
    <div class="daohangtu">
        <img  class="logo" src="assets/img/logo.png" width="137.8" height="33"/>
        <div class="daohangzi">
        <a href="login.html" th:href="@{/login.html}" onclick="acc()">首页</a>
        <a href="login.html" th:href="@{/login.html}">登录</a>
        <a href="register.html" th:href="@{/register.html}">注册</a>
    </div>
    </div>
</nav>


<svg id="gradient-rotate" preserveAspectRatio="none" viewBox="0 0 500 500" style="transform: translate3d(0px，0px，0px);">
    <defs>
        <linearGradient x1="0%" y1="0%" y2="100%" id="a">
            <stop id="color-stop-1" stop-color="#22C8F6" offset="0%"></stop>
            <stop id="color-stop-2" stop-color="#20C498" offset="65%"></stop>
            <stop id="color-stop-3" stop-color="#189932" offset="100%"></stop>
        </linearGradient>
    </defs>
    <path fill="url(#a)" d="M0 0h500v500H0z"></path>

    <div class="center">
        <img class="zhu" src="assets/img/zs.png"/>
        <img class="zi" src="assets/img/lolo.png"/>
        <div class="zizi">
            欢迎来到Zspace
        </div>
    </div>
</svg>

<script type="text/javascript" src="assets/js/trianglify.min.js"></script>
<script type="text/javascript">
    // set up the base pattern
    var pattern = Trianglify({
        height: window.innerHeight,
        width: window.innerWidth,
        x_colors: ['rgba(255, 255, 255, 0.1)', 'rgba(255, 255, 255, 1)'],
        stroke_width: 0,
        cell_size: Math.ceil(window.innerWidth / 8)})
    var svg = pattern.svg()
    svg.id = 'trianglify-overlay'
    document.body.appendChild(svg)
</script>

</body>
</html>